/* eslint-disable @typescript-eslint/no-unused-vars */
import Taro from "@tarojs/taro";
import Badge from "@/components/Badge";
import { Icon } from "@antmjs/vantui";
import { View, Text } from "@tarojs/components";
import React from "react";
import "./index.less";
import IconFont from "../../../../components/iconfont";

const SearchWrapper: React.FC = () => {
  return (
    <View className="flex flex-row items-center justify-between w-full gap-2 search-wrapper flex-nowrap h-[60px]">
      <View
        className="flex-1 h-full rounded-full bg-slate-100"
        onClick={() =>
          Taro.redirectTo({ url: "/pages/User/components/CommonProblem/index" })
        }
      >
        <View className="flex flex-row items-center h-full gap-2 px-4 flex-nowrap">
          <Icon name="search" size="18px" className="icon" color="#666"></Icon>
          <Text className="text-[#666]">搜索</Text>
        </View>
      </View>
      <View
        className="w-[60px] h-full flex flex-row flex-nowrap justify-center items-center"
        onClick={() => Taro.redirectTo({ url: "/pages/Announcement/index" })}
      >
        <Badge num={19}>
          <IconFont name="remind" size={40} />
        </Badge>
      </View>
    </View>
  );
};

export default SearchWrapper;
